//学员信息添加与编辑

let tbody = document.querySelector('tbody');
let add = document.querySelector('.but1');
let form1 = document.querySelector('.add-form');



//查询全部学员
render()
function render() {
    axios.get('/student/list').then(res => {
        if (res.data.code === 0) {
            console.log(res);
            let arrs = res.data.data
            let lis = arrs.reduce((h, v, i) => h + `
            <tr>
        <th scope="row">${v.id}</th>
        <td>${v.name}</td>
        <td>${v.age}</td>
        <td>${v.sex}</td>
        <td>${v.group}</td>
        <td>${v.phone}</td>
        <td>${v.salary}</td>
        <td>${v.truesalary}</td>
        <td>${v.province}</td>
        <td>
          <button data-id="${v.id}" type="button" class="btn btn-primary btn-sm compile">修改</button>
          <button data-id="${v.id}" type="button" class="btn btn-danger btn-sm delete">删除</button>
        </td>
      </tr>
            `, ``)
            tbody.innerHTML = lis
        }
    })
}

//下拉表单初始化
function init(){
    let sel0 = document.querySelector('.sel0');
    let sel1 = document.querySelector('.sel1');
    let sel2 = document.querySelector('.sel2');
    //省市县表单初始化封装
    function instaget(url, params, dom, text) {
        axios.get(url, params).then(res => {
            dom.innerHTML = res.data.reduce((h, v) => h + `<option  value="${v}">${v}</option>`, ` <option  value="">--${text}--</option>`)
        })
    }

    //获取省
    instaget('/geo/province', {}, sel0, '省')
    // axios.get('/geo/province').then(res => {
    // res.data.forEach(arr => {
    //     let option = document.createElement('option')
    //     option.value = arr
    //     option.innerText = arr
    //     sel0.appendChild(option)
    // })
    // sel0.innerHTML = res.data.reduce((h, v) => h + `<option  value="${v}">${v}</option>`,` <option  value="">--省--</option>`)
    // })
    //获取市
    sel0.addEventListener('change', () => {
        // axios.get('/geo/city', { params: { pname: sel0.value } }).then(res => {
        //我写的
        //     // res.data.forEach(arr => {
        //     //     let option = document.createElement('option')
        //     //     option.value = arr
        //     //     option.innerText = arr
        //     //     sel1.appendChild(option)
        //     // })
        //老师写的
        //     sel1.innerHTML = res.data.reduce((h, v) => h + `<option  value="${v}">${v}</option>`, `<option  value="">--市--</option>`)
        // })
        instaget('/geo/city', { params: { pname: sel0.value } }, sel1, '市')

    })
    //获取县
    sel1.addEventListener('change', () => {
        // axios.get('/geo/county', { params: { pname: sel0.value, cname: sel1.value } }).then(res => {
        //     //我写的
        //     // res.data.forEach(arr => {
        //     //     let option = document.createElement('option')
        //     //     option.value = arr
        //     //     option.innerText = arr
        //     //     sel2.appendChild(option)
        //     // })
        //     //老师写的
        //     sel2.innerHTML = res.data.reduce((h, v) => h + `<option  value="${v}">${v}</option>`, ` <option  value="">--县--</option>`)
        // })
        instaget('/geo/county', { params: { pname: sel0.value, cname: sel1.value } }, sel2, '县')

    })
}


//点击添加学员
add.addEventListener('click', (e) => {
    e.preventDefault()
    let data = $(form1).serialize()
    axios.post('/student/add', data).then(res => {
        if(res.data.code === 0){
            toastr.success(res.data.message)
            form1.reset()
        }
    })
})

//点击删除数据
tbody.addEventListener('click', (e) => {
    console.dir(e.target);
    if (e.target.className[4] == 'delete') {
        console.log(1);
    }
})